﻿<!DOCTYPE html>
<html lang="en">
<head>
	
	<!-- Basic -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Personal Website Of DonkeyLee</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	
	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	
	<!-- Load Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script%7CPoppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
	
	<!-- CSS -->
	<link rel="stylesheet" href="css/basic.css" />
	<link rel="stylesheet" href="css/layout.css" />
	<link rel="stylesheet" href="css/blogs.css" />
	<link rel="stylesheet" href="css/ionicons.css" />
	<link rel="stylesheet" href="css/magnific-popup.css" />
	<link rel="stylesheet" href="css/animate.css" />
	
	<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!-- Favicon -->
	<link rel="shortcut icon" href="images/favicons/favicon.ico">
	
</head>

<body>
	
	<!-- Page -->
	<div class="page">

		<!-- Preloader -->
		<div class="preloader">
			<div class="centrize full-width">
				<div class="vertical-center">
					<div class="spinner">
						<div class="double-bounce1"></div>
						<div class="double-bounce2"></div>
					</div>
				</div>
			</div>
		</div>

		<header class="header">
			<div class="fw">
				<div class="logo">
					<a href="#">DonkeyLee</a>
				</div>
				<a href="#" class="menu-btn"><span></span></a>
				<div class="top-menu">
					<ul>
						<li><a href="#about-section">About</a></li>
						<li><a href="#services-section">What I Do</a></li>
						<li><a href="#works-section">Works</a></li>
						<li><a href="#blog-section">Blog</a></li>
						<li><a href="#contact-section">Contact</a></li>
					</ul>
					<a href="#" class="close"></a>
				</div>
			</div>
		</header>
		
		<!-- Container -->
		<div class="container">

			<!-- Section Started -->
			<div class="section started">
				<div class="slide" style="background-image: url(images/my.jpg);"></div>
				<div class="centrize full-width">
					<div class="vertical-center">
						<div class="st-title align-center">
							<div class="typing-title">
								<p>Developer</p>
								<p>Photographer</p>
								<p>Coder</p>
								<p>Blogger</p>
								<p>Open-sourcer</p>
							</div>
							<span class="typed-title"></span>
						</div>
						<div class="socials">
							<a target="blank" href="https://github.com/John-DBL?tab=repositories"><i class="icon ion ion-social-github"></i></a>
							<a target="blank" href="https://gitee.com/dashboard/projects"><i class="icon ion ion-android-clipboard"></i></a>
							<a target="blank" href="https://space.bilibili.com/344898879?spm_id_from=333.337.0.0"><i class="icon ion ion-play"></i></a>
							<a target="blank" href="https://blog.csdn.net/John_D_B_Lee?spm=1000.2115.3001.5343"><i class="icon ion ion-social-octocat"></i></a>
						</div>
					</div>
				</div>
				<a href="#" class="mouse-btn"><i class="icon ion ion-chevron-down"></i></a>
			</div>

			<!-- Section About -->
			<div class="section about align-left" id="about-section">
				<div class="fw">
					<div class="row">
						<div class="col col-m-12 col-t-4 col-d-4">
							<div class="profile">
								<img src="images/my2.jpg" alt="" />
							</div>
						</div>
						<div class="col col-m-12 col-t-8 col-d-8">
							<div class="text-box">
								<p>
									李某：服务端开发者 & 算法爱好者，在IT行业深耕数年，曾效力于阿里巴巴本地生活-饿了么、SAP等大小型企业，熟悉企业级项目落地，需求迭代的设计开发，高并发、大数据、服务速度等解决方案； 熟悉Java、Python等开发语言，曾为优秀开源源码注释，如Spring全家桶、MyBaits、JDK等。 作为算法爱好者，追求高速--O(1)、简洁流畅风格。新时代下，AIGC、新能源，机器人等行业快速发展之下，李某将非常乐意讨论新旧业务与技术的变化。请随时与我联系。
								</p>
							</div>
							<div class="bts">
								<a href="#" class="btn extra">Download Resume</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Portfolio -->
			<div class="section works align-left" id="works-section">
				<div class="fw">
					<div class="titles">
						<div class="title">Recent Works</div>
					</div>
					<div class="filters">
						<div class="f_btn active">
							<label><input type="radio" name="fl_radio" value="box-item" />All</label>
						</div>
						<div class="f_btn">
							<label><input type="radio" name="fl_radio" value="f-branding" />Branding</label>
						</div>
						<div class="f_btn">
							<label><input type="radio" name="fl_radio" value="f-mockups" />Mockups</label>
						</div>
						<div class="f_btn">
							<label><input type="radio" name="fl_radio" value="f-ui" />UI Kits</label>
						</div>
						<div class="f_btn">
							<label><input type="radio" name="fl_radio" value="f-photo" />Photography</label>
						</div>
					</div>
					<div class="row box-items">
						<div class="col col-m-12 col-t-6 col-d-4 box-item f-mockups">
							<div class="item">
								<div class="desc">
									<div class="image">
										<a href="#popup-1" class="has-popup"><img src="images/works/work111.png" alt="" /></a>
									</div>
								</div>
							</div>
							<div id="popup-1" class="popup-box mfp-fade mfp-hide">
								<div class="content">
									<div class="image">
										<img src="images/works/work111.png" alt="">
									</div>
									<div class="desc">
										<div class="category">Mockups</div>
										<h4>Shopping Bag PSD MockUp</h4>
										<p>
											1:阿里巴巴-饿了么-企业订餐项目
											项目描述：饿了么企业订餐项目，为企业员工、业务提供数字化用餐管理服务，包括员工的加班餐、会议餐、商务宴请等形式、供给安全餐饮、定时集体送餐、报销管控、降低管理成本等用餐数字化服务。
											责任描述：参与需求调研和分析以及需求文档的编写，数据库表的设计、主要负责企业交付领域的开发维护任务、线上问题。如企业单点免密登陆、与第三方企业联调等；美敦力特定供给标签免发票、团餐餐别优化需求、服务费按一级供给配置等需求。
											2:饿了么-预算系统
											项目描述：阿里巴巴本地生活部门--饿了么为了明确其客户、商户、物流等所推出的活动、营销、推广等支出明细的落地，以及对于活动的盈亏数据分析，根据其组织架构，对于老预算系统进行选代和优化，推出了新预算系统--金融中台，供财务人员、业务人员、营销人员使用。
											其主要能力有，预算池资金的分配、转移、回收；券、订单以及预算池自身的消耗的回归；消耗到间值的预警通知等等。采用微服务系统，如底层分配系统、消耗域、管控域、预算池业务系统等共十多余，采用前后端分离开发模式。
											责任描述：主要参与需求评审和系统分析文档的编写、评审，代码评审；测试、预发、正式环境的部署；bug 修复。负责预算池管理、轩转 app 首页后端开发、轩转 PC 端权限优化、金融中台权限优化、日志优化、EXCEL 上传下载优化、预警人管理、管控双写脚本等需求的开发。
										</p>
										<a href="#" class="btn">View Project</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4 box-item f-branding">
							<div class="item">
								<div class="desc">
									<div class="image">
										<a href="#popup-2" class="has-popup"><img src="images/works/work22.png" alt="" /></a>
									</div>
								</div>
							</div>
							<div id="popup-2" class="popup-box mfp-fade mfp-hide">
								<div class="content">
									<div class="image">
										<img src="images/works/work22.png" alt="">
									</div>
									<div class="desc">
										<div class="category">Branding</div>
										<h4>Hanging Wall Sign</h4>
										<p>
											SuccessFactors是 SAP （一家德国企业）开发的企业管理软件，属于 Cloud 产品线。功能包
											括：企业信息管理、企业绩效管理、企业资源、人力资源管理等。Calibration 是一个帮助管理者可视化如何
											客观地分配团队评分或计划决策的工具，并促进关于决策的讨论。对校准过程的基本提倡是，将公平、客观
											的评级分配回其来源，以便在人才管理周期的其余部分继续使用公平的数据。
											校准提供了一个收集绩效、薪酬、继承和人员概况数据的系统，它无缝集成，自动更新原始数据源中的
											数据。统一的接口提供了将所有或部分因素聚集在一起进行业务讨论的灵活性。它将校准转换为一个简单而
											精简的过程，使您能够校准整个组织的评级和薪酬，并根据需要查看、比较和调整所有评级和新酬。
											责任描述：参与需求调研和分析以及客户问题分析，主要负责 Calibtation、talentReview 模块的开发和维
											护任务，线上问题、bug 修复，Carve-out 项目依赖解耦、升级 JVM11等需求。敏捷开发，全英文办公。
										</p>
										<a href="#" class="btn">View Project</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4 box-item f-mockups">
							<div class="item">
								<div class="desc">
									<div class="image">
										<a href="#popup-3" class="has-popup"><img src="images/works/work33.png" alt="" /></a>
									</div>
								</div>
							</div>
							<div id="popup-3" class="popup-box mfp-fade mfp-hide">
								<div class="content">
									<div class="image">
										<img src="images/works/work33.png" alt="">
									</div>
									<div class="desc">
										<div class="category">Mockups</div>
										<h4>Realistic Business Cards</h4>
										<p>
											项目描述：高济医疗是一家大健康领域战略性投资与运营服务机构，是高领资本旗下专注大健康领域战略性投资与运营的实业公司；涉及医疗服务、药品分销及零售等业务，结合梅奥和惠每医疗的健康管理知识库体系、IT 大数据应用的技术储备以及医疗服务和药品行业的运营能力，为用户提供药品研发生产、医药零售、医药配送等服务。
											责任描述：从事医疗保险中 HMO 、新零售等服务的需求开发。例如问诊延时 IM （患者、医生端消息发送延时）功能、IM 消息脱敏、无效打标、分账、审核退款、处方图片融合、解决 Feign 调用超时问题、sql 优化等业务、优化需求。
										</p>
										<a href="#" class="btn">View Project</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4 box-item f-branding">
							<div class="item">
								<div class="desc">
									<div class="image">
										<a href="#popup-4" class="has-popup"><img src="images/works/work55.png" alt="" /></a>
									</div>
								</div>
							</div>
							<div id="popup-4" class="popup-box mfp-fade mfp-hide">
								<div class="content">
									<div class="image">
										<img src="images/works/work55.png" alt="">
									</div>
									<div class="desc">
										<div class="category">Branding</div>
										<h4>MyBaits3.5.13源码注释</h4>
										<p>
											可见：
											https://gitee.com/li_bin999/mybaits3513-chinese-notes
										</p>
										<a href="#" class="btn">View Project</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4 box-item f-photo">
							<div class="item">
								<div class="desc">
									<div class="image">
										<a href="#popup-5" class="has-popup"><img src="images/works/work44.png" alt="" /></a>
									</div>
								</div>
							</div>
							<div id="popup-5" class="popup-box mfp-fade mfp-hide">
								<div class="content">
									<div class="image">
										<img src="images/works/work44.jpg" alt="">
									</div>
									<div class="desc">
										<div class="category">Photography</div>
										<h4>spring5.3.25中文注解，包括SpringMVC</h4>
										<p>
											可见：https://gitee.com/li_bin999/spring-5325-chinese-notes

										</p>
										<a href="#" class="btn">View Project</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4 box-item f-ui">
							<div class="item">
								<div class="desc">
									<div class="image">
										<a href="#popup-6" class="has-popup"><img src="images/works/work66.png" alt="" /></a>
									</div>
								</div>
							</div>
							<div id="popup-6" class="popup-box mfp-fade mfp-hide">
								<div class="content">
									<div class="image">
										<img src="images/works/work66.png" alt="">
									</div>
									<div class="desc">
										<div class="category">UI Kits</div>
										<h4>JDK8源码注释</h4>
										<p>
											可见：https://gitee.com/li_bin999/jdk1.8_annotations
										</p>
										<a href="#" class="btn">View Project</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>


			<!-- Section Services -->
			<div class="section services gray align-left" id="services-section">
				<div class="fw">
					<div class="titles">
						<div class="title">What I Do</div>
					</div>
					<div class="row">
						<div class="col col-m-12 col-t-6 col-d-4">
							<div class="service-item">
								<div class="circle"><i class="icon ion ion-ios-browsers-outline"></i></div>
								<div class="name">Business Development</div>
								<p>服务端逻辑开发，数据库，微服务、缓存、消息中间件等，熟练Java生态，不同业务的需求迭代设计开发.</p>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4">
							<div class="service-item">
								<div class="circle"><i class="icon ion ion-ios-lightbulb-outline"></i></div>
								<div class="name">HTML development</div>
								<p>前端HTML开发，熟悉JS、vue、或使用低代码平台快速开发等，喜欢前端简介、特效风格.</p>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4">
							<div class="service-item">
								<div class="circle"><i class="icon ion ion-ios-color-wand-outline"></i></div>
								<div class="name">Algorithm design</div>
								<p>对算法（数据结构、code）的有关性能进行优化，如时间复杂度、空间复杂度、正确性、健壮性。由于算法应用情景变化很大，算法优化可以使算法具有更好泛化能力，从而提高服务速度.</p>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4">
							<div class="service-item">
								<div class="circle"><i class="icon ion ion-social-android-outline"></i></div>
								<div class="name">Mobile Apps</div>
								<p>移动端开发，H5，小程序，App等.</p>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4">
							<div class="service-item">
								<div class="circle"><i class="icon ion ion-ios-analytics-outline"></i></div>
								<div class="name">Code optimization</div>
								<p>修改软件系统code、sql、架构等，以使其某个方面更高效地工作或使用更少的资源.</p>
							</div>
						</div>
						<div class="col col-m-12 col-t-6 col-d-4">
							<div class="service-item">
								<div class="circle"><i class="icon ion ion-ios-camera-outline"></i></div>
								<div class="name">Customer service</div>
								<p>解决线上客户问题，第三方SDK，TeamWork等业务服务工作.</p>
							</div>
						</div>
					</div>
				</div>
			</div>


<!--			<div id="container" style="display: flex; align-items: center; justify-content: center;">-->
<!--				<video width="90%" height="90%" display="flex" controls>-->
<!--					<source src="images/myvidio.mp4" type="video/mp4">-->
<!--				</video>-->
<!--			</div>-->

			<!-- Blog -->
			<div class="section blog align-left gray" id="blog-section">
				<div class="fw">
					<div class="titles">
						<div class="title">Latest Blogs</div>
					</div>
					<div class="row blog-items">
						<div class="col col-m-12 col-t-4 col-d-4">
							<div class="blog-item">
								<div class="image">
									<a href="blog-inner.html"><img src="images/blog/blog1.png" alt="" /></a>
								</div>
								<a href="blog-inner.html" class="name">redis为什么使用跳跃表而不是树?</a>
								<p>Redis中支持五种数据类型中有序集合SortedSet的底层数据结构使用的跳跃表，为何不使用其他的如平衡二叉树、b+树等数据结构呢？</p>
								<div class="date">donkeyLee - 12 January 2024</div>
							</div>
						</div>
						<div class="col col-m-12 col-t-4 col-d-4">
							<div class="blog-item">
								<div class="image">
									<a href="blog-inner2.html"><img src="images/blog/blog2.png" alt="" /></a>
								</div>
								<a href="blog-inner.html" class="name">Maven Or Gradle？孰强孰弱！</a>
								<p>习惯了使用Maven构建工具，现在市面上大多数也都是使用的Maven，但是Gradle的出现，究竟哪个更好用哪个更有优势呢？</p>
								<div class="date">donkeyLee - 14 September 2021</div>
							</div>
						</div>
						<div class="col col-m-12 col-t-4 col-d-4">
							<div class="blog-item">
								<div class="image">
									<a href="blog-inner.html"><img src="images/blog/blog3.png" alt="" /></a>
								</div>
								<a href="blog-inner.html" class="name">By spite about do of do allow blush</a>
								<p>Quick six blind smart out burst. Perfectly on furniture dejection determine my depending an to. Add short water court fat.</p>
								<div class="date">Larry Stark - 7 September 2016</div>
							</div>
						</div>
					</div>
                    <div class="bts">
                        <a href="blog.html" class="btn extra">View Blog</a>
                    </div>
					<div class="clear"></div>
				</div>
			</div>

			<!-- Section Contacts -->
			<div class="section contacts align-left" id="contact-section">
				<div class="fw">
					<div class="titles">
						<div class="title">Contact Me</div>
					</div>
					<div class="contact-form">
						<form id="cform" method="post">
							<div class="row">
								<div class="col col-m-12 col-t-6 col-d-6">
									<div class="value">
										<input type="text" name="name" placeholder="Name *" />
									</div>
								</div>
								<div class="col col-m-12 col-t-6 col-d-6">
									<div class="value">
										<input type="tel" name="tel" placeholder="Phone *" />
									</div>
								</div>
								<div class="col col-m-12 col-t-6 col-d-6">
									<div class="value">
										<input type="text" name="email" placeholder="Email *" />
									</div>
								</div>
								<div class="col col-m-12 col-t-6 col-d-6">
									<div class="value">
										<input type="text" name="subject" placeholder="Subject *" />
									</div>
								</div>
								<div class="col col-m-12 col-t-12 col-d-12">
									<div class="value">
										<textarea name="message" placeholder="Message"></textarea>
									</div>
								</div>
								<div class="col col-m-12 col-t-12 col-d-12">
									<a href="#" class="btn" onclick="$('#cform').submit(); return false;">Send Message</a>
								</div>
							</div>
						</form>
						<div class="alert-success">
							<p>Thanks, your message is sent successfully. We will contact you shortly!</p>
						</div>
					</div>
				</div>
			</div>

			<!-- Footer -->
			<footer class="align-center">
				<div class="socials">
					<a target="blank" href="https://www.facebook.com"><i class="icon ion ion-social-facebook"></i></a>
					<a target="blank" href="https://github.com"><i class="icon ion ion-social-github"></i></a>
					<a target="blank" href="https://twitter.com"><i class="icon ion ion-social-twitter"></i></a>
					<a target="blank" href="https://www.youtube.com"><i class="icon ion ion-social-youtube"></i></a>
					<a target="blank" href="https://plus.google.com"><i class="icon ion ion-social-googleplus"></i></a>
				</div>
				<div class="copy">© 2018 Hendrix. all rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a>.</div>
			</footer>
			
		</div>

	</div>
	
	<!-- jQuery Scripts -->
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.validate.js"></script>
	<script src="js/masonry.pkgd.js"></script>
	<script src="js/imagesloaded.pkgd.js"></script>
	<script src="js/masonry-filter.js"></script>
	<script src="js/magnific-popup.js"></script>
	<script src="js/jquery.mb.YTPlayer.js"></script>
	<script src="js/particles.js"></script>
	<script src="js/typed.js"></script>
	
	<!-- Main Scripts -->
	<script src="js/main.js"></script>
	
</body>
</html>